<template>
	<view class="banner">
		<template v-for="(item,index) in 5">
			<view class="banner-item">
				<img class="img" src="../../static/img/strategy-img/test.svg" alt="" />
				<span class="info">功能</span>
			</view>
		</template>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		// 引入组件
		components: {

		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style scoped>
	.banner {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		background: #fff;
		padding: 10px 0;
		margin-bottom: 10px;
	}

	.banner .banner-item {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.banner .banner-item .img {
		width: 40px;
		height: 40px;
		border-radius: 5px;
		border: 1px solid #ccc;
	}

	.banner .banner-item .info {
		font-size: 12px;
		color: #222;
		margin-top: 5px;
	}
</style>